<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>美丽说首页</title>
		<link rel="icon" href="img/170612_02i668aijej2cb21ji56g98a218dg_48x48.png">
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jquery.cookie.js"></script>
	</head>
	<body>
		<div id="wrap">
			<!--**********侧边导航栏*********-->
			<div id="side_nav_bar">
				<ul class="side_nav_bar_list">
					<li class="download_app">
						<a href="javascript:;"><i class="iconfontyyy">&#xe653;</i>下载<span>A</br>p</br>p</span></a>
						<strong></strong>
						<img src="img/7e_0h22fa0g03cgl0c5676cb6k2ii71h_140x140.png"/>
					</li>
					<li class="chart"><a href="#"><i class="iconfontyyy chart_logo">&#xe601;</i>购物车</a></li>
					<li class="news"><a href="#"><i class="iconfontyyy news_logo">&#xe663;</i>消息</a></li>
					<li class="coupon"><a href="#"><i class="iconfontyyy coupon_logo">&#xe662;</i>优惠券</a></li>
					<li class="collection"><a href="#"><i class="iconfontyyy collection_logo">&#xe61f;</i>收藏</a></li>
					<li class="footprint"><a href="#"><i class="iconfontyyy footprint_logo">&#xe600;</i>足迹</a></li>
					<li><a href="#" class="back_top"><i class="iconfontyyy back_top_logo">&#xe771;</i></a></li>
				</ul>
			</div>
			<div id="head_wrap">
				<!--**************顶部导航******************-->
				<div id="top_nav">
					<div class="top_nav">
						<ul>
							<li class="top_chatwei"><a href="#"><i class="weixin" style="background-position: -25px 0"></i>微信登录</a></li>
							<li class="qq_login"><a href="#"><i style="background-position: -52px 0"></i>QQ登录</a></li>
							<li class="login"><a href="http://localhost/JS2-MyJS/MeiLiShuo21/signIn.html">登录</a></li>
							<li class="register"><a href="http://localhost/JS2-MyJS/MeiLiShuo21/register.html">注册</a></li>
							<li class="user"><a href="#"></a></li>
							<li class="my_collection">
								<a href="#"><i style="background-position: -76px 0"></i>我的收藏</a><br />
								<ol>
									<li><a href="#">收藏宝贝</a></li>
									<li><a href="#">收藏店铺</a></li>
								</ol>
							</li>
							<li class="top_mychart"><a href="#"><i style="background-position: -102px 0"></i>我的购物车</a></li>
							<li class="my_order"><a href="#"><i style="background-position: -130px 0"></i>我的订单</a></li>
							<li class="help_center">
								<a href="#">帮助中心<i style="background-position: -170px 3px"></i></a>
								<ol>
									<li><a href="#">买家服务</a></li>
									<li><a href="#">商家服务</a></li>
									<li><a href="#">规则中心</a></li>
								</ol>
							</li>
							<li class="business_way"><a href="#">商家后台</a></li>
						</ul>
					</div>
				</div>
				<!--*****************logo 搜索模块  二维码************-->
				<div id="search">
					<div class="search_left">
						<a href="#"></a>
					</div>
					<div class="search_center">
						<p>宝贝</p>
						<input type="text"  />
						<em id="btn"></em>
						<ul>
							<li><a href="#">连衣裙</a></li>
							<li><a href="#">运动鞋</a></li>
							<li><a href="#">雪纺衫</a></li>
							<li><a href="#">衬衫</a></li>
							<li><a href="#">薄外套</a></li>
							<li><a href="#">T恤</a></li>
							<li><a href="#">牛仔裤</a></li>
							<li><a href="#">小白鞋</a></li>
							<li><a href="#">风衣</a></li>
							<li><a href="#">绑带凉鞋</a></li>
							<li><a href="#">休闲鞋</a></li>
						</ul>
					</div>
					<div class="search_right">
						<img src="img/1rp_49cgihk50031c69jjk51ilkjk4950_210x157.gif" alt="app" />
					</div>
					
				</div>
				<!--************全局导航栏***************-->
				<div id="global_nav">
					<div class="global_nav1">
						<ul>
							<li><a href="#">首页</a></li>
							<li><a href="#">上衣</a></li>
							<li><a href="#">裙子</a></li>
							<li><a href="#">裤子</a></li>
							<li><a href="#">女鞋</a></li>
							<li><a href="#">包包</a></li>
							<li><a href="#">配饰</a></li>
							<li><a href="#">美妆</a></li>
							<li><a href="#">男友</a></li>
							<li><a href="#">童装</a></li>
							<li><a href="#">家居</a></li>
						</ul>
					</div>
				</div>
				<!--********************************************JS滚动高度固定导航栏及显示返回顶部-->
				<script>
					$(document).ready(function(){
						//滚动高度固定导航栏及显示返回顶部
						$(window).scroll(function(){
							if($("body,html").scrollTop() > 189){
								//侧边栏返回顶部显示
								$(".back_top").css({
									display : "block",
									position : "fixed",
									bottom : 0,
								})
								//全局导航栏
								$("#global_nav").css({
									position : "fixed",
									top : 0
								});
								$("#body_wrap").css("margin-top",50);
							}else{
								//侧边栏返回顶部
								$(".back_top").css("display","none");
								//全局导航栏
								$("#global_nav").css("position","")
								$("#body_wrap").css("margin-top",0);
								
							}
						});
						//点击返回顶部事件
						$(".back_top").click(function(){
							$("body,html").scrollTop(0);
						})
					})
				</script>
			</div>
			<div id="body_wrap">
				<!--*****************轮播图*************-->
				<div id="banner">
					<span class="banner_left"></span>
					<span class="banner_right"></span>
					<a href="javascript:;" id="btn_left"></a>
					<a href="javascript:;" id="btn_right"></a>
					<p>
						<!--<span></span><span></span><span class="active"></span>-->
					</p>
					<ul>
						<li><a href="#"><img src="img/170712_3d6e31cgk5eec024eb5h726jk8f98_1200x400.jpg"/></a></li>
						<li><a href=""><img src="img/170718_5922k334ckl1aegd6b9l4bke841da_1200x400.jpg"/></a></li>
						<li><a href=""><img src="img/170717_4ahaeifjj7b1ja6kl4a18kclj1f6d_1200x400.jpg"/></a></li>
						<li><a href=""><img src="img/170718_2djj7hjfhe671i7k8d6ekgef3l921_1200x400.jpg"/></a></li>
					</ul>
				</div>
				<!--****************************************************JS轮播图-->
				<script>
					$(document).ready(function(){
						var $banner = $("#banner");
						var $ul = $banner.find("ul");
						var $li = $ul.find("li");
						var $clone = $("#banner").find("ul>li").eq(0).clone().appendTo($("#banner").find("ul"));
						var $li_num = $("#banner").find("ul>li").size();
						var wid = $("#banner").find("ul li").size() * $("#banner").find("ul>li").eq(0).width();
						$("#banner").find("ul").css("width",wid );
						
						var timer = null;
						
						var nowIndex = 0;
					//创建小圆点
						for(var i = 0; i < $li_num - 1; i ++){
							$("#banner").find("p").append("<span></span>");
						}
						$("#banner p span").eq(0).addClass("active");
					//给小圆点添加点击事件
	
					//左按钮显示及隐藏
						$(".banner_left,#btn_left").mouseover(function(){
							$("#btn_left").css("display","block");
						});
						$(".banner_left,#btn_left").mouseout(function(){
							$("#btn_left").css("display","none");
						});
					//右按钮显示及隐藏
						$(".banner_right,#btn_right").mouseover(function(){
							$("#btn_right").css("display","block");
						});
						$(".banner_right,#btn_right").mouseout(function(){
							$("#btn_right").css("display","none");
						});
					//右键点击事件
						$("#btn_right").click(function(){
							if(nowIndex == $li_num - 1){
								nowIndex = 1;
								$ul.css("left",0);
							}else{
								nowIndex ++;
							}
							fn();
						});
					//左键点击事件
						$("#btn_left").click(function(){
							if(nowIndex == 0){
								nowIndex = $li_num - 2;
								console.log(nowIndex);
								$ul.css("left",-($li.eq(0).width() * ($li_num - 1)));
							}
							fn();
						})
						function fn(){
							
							if(nowIndex == $li_num - 1){
								for(var i = 0; i < $("#banner p span").size(); i ++){
									$("#banner p span").eq(i).removeClass("active");
								}
								$("#banner p span").eq(0).addClass("active");
							}else{
								for(var i = 0 ;i < $("#banner p span").size(); i ++){
									$("#banner p span").eq(i).removeClass("active");
								}
								$("#banner p span").eq(nowIndex).addClass("active");
							}
							$("#banner p span").click(function(){
								nowIndex = $(this).index();
								fn(nowIndex);
							})
							$ul.stop().animate({left: -($li.eq(0).width() * nowIndex)},"slow");
							
						}
						
					//自动轮播
						timer = setInterval(function(){
							if(nowIndex == $li_num - 1){
									nowIndex = 1;
									$ul.css("left",0);
								}else{
									nowIndex ++;
								}
								$ul.stop().animate({left: -($li.eq(0).width() * nowIndex)},"slow");
								fn();
						},2000);
						$("#banner").mouseenter(function(){
							clearInterval(timer);
						})
						$("#banner").mouseleave(function(){
							timer = setInterval(function(){
								if(nowIndex == $li_num - 1){
									nowIndex = 1;
									$ul.css("left",0);
								}else{
									nowIndex ++;
								}
								$ul.stop().animate({left: -($li.eq(0).width() * nowIndex)},"slow");
								if(nowIndex == $li_num - 1){
									for(var i = 0; i < $("#banner p span").size(); i ++){
										$("#banner p span").eq(i).removeClass("active");
									}
									$("#banner p span").eq(0).addClass("active");
								}else{
									for(var i = 0 ;i < $("#banner p span").size(); i ++){
										$("#banner p span").eq(i).removeClass("active");
									}
									$("#banner p span").eq(nowIndex).addClass("active");
								}
							},2000);
						})
	
					})
				</script>
				<!--*******************商品专区*************-->
				<div id="channels">
					<ul>
						<li><a href="#"><img src="img/2577_4k4flgaid7f0llk7b1l6fk40b2bbb_600x340.jpg_999x999.v1c0.jpg"/></a></li>
						<li><a href="#"><img src="img/2577_71eg5bh6je863gee7b2aig5333ij9_600x340.jpg_999x999.v1c0.jpg"/></a></li>
						<li><a href="#"><img src="img/2577_19b53cll0l5d587lcibi3g5lj2cai_600x340.jpg_999x999.v1c0.jpg"/></a></li>
						<li><a href="#"><img src="img/2577_6fj81bcch79hkc7f635af8c5gh549_600x340.jpg_999x999.v1c0.jpg"/></a></li>
					</ul>
				</div>
				<!--*******************选项卡及商品列表********-->
				<div id="top_goods">
					<p class="top_goods_nav">
						<span class="goods_active today">今日新品</span>
						<span class="week">一周热销</span>
						<a href="javascript:;">查看更多 ></a>
					</p>
					<ul class="today_goods">
						<!-- <li>
							<a href="#"><img src="img/upload_1b686j11dcgh7j8j2e09bf2cgieck_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li> -->
					<script>
						$(document).ready(function(){
							$.getJSON("json/jn.json",function(data){
								// console.log(data.list[0].img);
								for (var i = 0; i < 10; i++) {
									// data.list[i]
									$('.today_goods').append('<li><a href="#"><img src="'+data.list[i].img+'" alt="" /></a><dl><dt><p class="price">￥'+data.list[i].price+' <span>'+data.list[i].collection+'</span></p></dt><dd class="tittle">'+data.list[i].title+'</dd></dl></li>');
								}
							})
						})
					</script>
						<!-- <li>
							<a href="#"><img src="img/upload_1b50kc0aj8f5a8bb8a55a8d87kh6f_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1dhf8488j300hc13d53lj878iec4b_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1ibh6j7hjh59l53bbe8i66418af9b_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_2je3750beeegke8f1hkdd000li781_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1b686j11dcgh7j8j2e09bf2cgieck_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1b50kc0aj8f5a8bb8a55a8d87kh6f_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1dhf8488j300hc13d53lj878iec4b_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_1ibh6j7hjh59l53bbe8i66418af9b_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_2je3750beeegke8f1hkdd000li781_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li> -->
					</ul>
					<ul class="week_goods">
						<script>
							$(document).ready(function(){
								$.getJSON("json/jn.json",function(data){
									for (var i = 10; i < data.list.length; i++) {
										// data.list[i]
										$('.week_goods').append('<li><a href="#"><img src="'+data.list[i].img+'" alt="" /></a><dl><dt><p class="price">￥'+data.list[i].price+' <span>'+data.list[i].collection+'</span></p></dt><dd class="tittle">'+data.list[i].title+'</dd></dl></li>');
									}
								})
							})
						</script>
						<!-- <li>
							<a href="#"><img src="img/upload_5h3hfikichl2kjgj49f38a34ghggl_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_805085fh406c62703a82i8318dbha_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_6l15legc6ajjf1db9c4d8161b08ei_640x900.jpg_999x999.v1c0.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_5h3hfikichl2kjgj49f38a34ghggl_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_6ccl3g2ik64cga645jl51k82cicl6_640x900.jpg_999x999.v1c0.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_5h3hfikichl2kjgj49f38a34ghggl_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_805085fh406c62703a82i8318dbha_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_6l15legc6ajjf1db9c4d8161b08ei_640x900.jpg_999x999.v1c0.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_5h3hfikichl2kjgj49f38a34ghggl_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li>
						<li>
							<a href="#"><img src="img/upload_6ccl3g2ik64cga645jl51k82cicl6_640x900.jpg_999x999.v1c0.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</dd>
							</dl>
						</li> -->
					</ul>
				</div>
				<script>
					$(".week").click(function(){
						$(this).addClass("goods_active");
						$(".today").removeClass("goods_active");
						$(".week_goods").css("display","block");
						$(".today_goods").css("display","none");
					})
					$(".today").click(function(){
						$(this).addClass("goods_active");
						$(".week").removeClass("goods_active");
						$(".today_goods").css("display","block");
						$(".week_goods").css("display","none");
					})
					
				</script>
				<!--********************好物组货*****************-->
				<div id="select">
					<h3>好物组货<a href="javascript:;">查看更多></a></h3>
					<div class="select_goods">
						<dl class="select_goods_show">
							 <dt>
								<a href="#"></a>
								<p class="select_goods_num">款商品<span></span></p>
								
							</dt>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥666</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd> 
						</dl>
						<script>
						$(document).ready(function(){
							$.getJSON("json/jn.json",function(data){
								var oimg = data.left;
								for (var i = 0; i < oimg.length; i++){
									var odlNum = 0;
									// $(".select_goods").append('<dl class="select_goods_show"><dt><a href="#"></a><p class="select_goods_num">款商品<span></span></p></dt><dd><a href="#"></a><p select_goods_price>￥666</p></dd><dd><a href="#"></a><p select_goods_price>￥</p></dd><dd><a href="#"></a><p select_goods_price>￥</p></dd></dl>');
									$(".select_goods_show dt a").eq(i).css({
										"background": 'url('+ oimg[i].img +') no-repeat left top',
										"background-size": "cover"
									});
									for(var j = 0; j < 3; j ++ ){
										$(".select_goods_show").eq(i).find("dd").find("a").eq(j).css({
											"background":'url('+ data.list[j].img + ') no-repeat left top',
											"background-size":"cover"
										})
									}
									
								}
							})
						})
						</script>
						<dl class="select_goods_show">
							<dt>
								<a href="#"></a>
								<p class="select_goods_num">款商品<span></span></p>
								
							</dt>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥666</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd>
						</dl>
						<dl class="select_goods_show">
							<dt>
								<a href="#"></a>
								<p class="select_goods_num">款商品<span></span></p>
								
							</dt>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥666</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd>
							<dd>
								<a href="#"></a>
								<p select_goods_price>￥</p>
							</dd>
						</dl>
					</div>
					
				</div>
				<!--**************美丽优选**************-->
				<div id="goods_waterwall">
					<h3>美丽优选<a href="#">夏季新款来袭！买买买！ ></a></h3>
					<ul class="goods_waterwall_list">
						<!-- <li>
							<a href="#"><img src="img/upload_1b686j11dcgh7j8j2e09bf2cgieck_640x900.jpg_640x999.jpg" alt="" /></a>
							<dl>
								<dt><p class="price">￥ <span>666</span></p></dt>
								<dd class="tittle"><a href="#">夏季新款女装宽松打底衫中长款上衣女体恤韩版时尚T恤</a></dd>
							</dl>
						</li> -->
						<script>
							$(document).ready(function(){
								$.getJSON("json/jn.json",function(data){
									for (var i = 10; i < data.list.length  ; i++) {
										// data.list[i]
										$('.goods_waterwall_list').append('<li><a href="#"><img src="'+ data.list[i].img +'" alt="" /></a><dl><dt><p class="price">￥'+ data.list[i].price +' <span>'+data.list[i].collection+'</span></p></dt><dd class="tittle"><a href="#">'+ data.list[i].title + '</a></dd></dl></li>');
									}
								})
							})
						</script>
						
					</ul>
				</div>
			</div>	
			<!-- *******无限加载 -->
			<script>
				$(document).ready(function(){
					// console.log($(window).height());
					$(window).scroll(function(){
						var top = $("html,body").scrollTop() +  $(window).height();
						if(top > $("body,html").height() * 0.95){
							$.getJSON("json/jn.json",function(data){
								for (var i = 0; i < data.list.length  ; i++) {
									// data.list[i]
									$('.goods_waterwall_list').append('<li><a href="#"><img src="'+ data.list[i].img +'" alt="" /></a><dl><dt><p class="price">￥'+ data.list[i].price +' <span>'+data.list[i].collection+'</span></p></dt><dd class="tittle"><a href="#">'+ data.list[i].title + '</a></dd></dl></li>');
								}
							})
						}
					});
					


				})
			</script>
			<!--***************底部网页发权*************-->
			<div id="bottom">
				<div class="bottom_about">
					<div class="bottom_left">
						<ul>
							<h4>买家帮助</h4>
							<li><a href="#">新手指南</a></li>
							<li><a href="#">服务保障</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">风险监测</a></li>
						</ul>
						<ul>
							<h4>商家帮助</h4>
							<li><a href="#">供货商帮助</a></li>
							<li><a href="#">商家指南</a></li>
						</ul>
						<ul>
							<h4>关于我们</h4>
							<li><a href="#">关于美丽说</a></li>
							<li><a href="#">联系我们</a></li>
						</ul>
						<ul>
							<h4>关注我们</h4>
							<li><a href="#">新良微博</a></li>
							<li><a href="#">QQ空间</a></li>
							<li><a href="#">腾讯微博</a></li>
						</ul>
					</div>
					<div class="bottom_right">
						<ul>
							<h4>美丽说微信</h4>
							<li><img src="img/170612_54f23kd09hehlc8je4fdbf2ef6f6c_100x100.jpg"/></li>
						</ul>
						<ul>
							<h4>美丽说客户端下载</h4>
							<li><img src="img/7e_0h22fa0g03cgl0c5676cb6k2ii71h_140x140.png"/></li>
						</ul>
					</div>
				</div>
				<div class="bottom_law">
					<p>Copyright ©2017 Meilishuo.com <a href="#">电信与信息服务业务经营许可证100798号</a> <a href="#">经营性网站备案信息 </a></p>
					<p>京ICP备11031139号  京公网安备110108006045   客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762 </p>
					<p><a href=""> 违法不良信息举报中心</a></p>
				</div>
			</div>
		</div>
		<script>
			if($.cookie("uesrName")){
				$(".top_chatwei").remove();
				$(".qq_login ").remove();
				$(".login").remove();
				$(".register").remove();
				$(".user a").css("display","block");
				$(".user a").html($.cookie("uesrName"));
				$(".top_mychart a").click(function(){
					location.href = "http://127.0.0.1:8020/MeiLiShuo21/cart.html";
				})
			}else{
				$(".top_mychart a").click(function(){
					location.href = "http://127.0.0.1:8020/MeiLiShuo21/register.html?__hbt=1501058771091"
				})
			}
		</script>
	</body>
</html>
